<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>冯彬恢的网址</title>
    <style>
        .aunt {
            color: green
        }
    </style>
    <style>
        p {
            color:lightseagreen
        }
    </style>
    <script src="92.jquery类库.js"></script>
</head>
<body>
    <h1 id="顶部"><u><i><b>欢迎来到网址</b></i></u></h1>
    <h2 class="gg">先欣赏一组色图</h2>
    <br id="111">
    <img src="https://img2.baidu.com/it/u=1266748649,160999209&fm=26&fmt=auto" alt="色图1" title="色图1" id="tyt">
    <br>
    <img src="https://img0.baidu.com/it/u=2989508832,2006060139&fm=26&fmt=auto" alt="色图2" title="色图2">
    <br>
    <img src="https://img2.baidu.com/it/u=1380903103,947707323&fm=26&fmt=auto" alt="色图3" title="色图3">
    <br>
    <img src="https://img1.baidu.com/it/u=3034801232,400548527&fm=26&fmt=auto" alt="色图4" title="色图4">
    <br>
    <img src="https://img1.baidu.com/it/u=308370347,2780368562&fm=26&fmt=auto" alt="色图5" title="色图5">
    <br>
    <img src="https://img2.baidu.com/it/u=1689240358,1059886450&fm=26&fmt=auto" alt="色图6" title="色图6">
    <br>
    <img src="https://img0.baidu.com/it/u=1951998017,4099069706&fm=26&fmt=auto" alt="色图7" title="色图7">
    <br>
    <hr>
    <form action="">
        <p>身份证号:
            <input type="text" name="身份" value="42062013156431354x" disabled>
        </p>
        <p class="aunt">请输入账号:
            <input type="text" value="" name="count">
        </p>
        <p>请输入密码
            <input type="password" value="" name="password"  placeholder= "用户名">
        </p>
        <p>日期:
            <input type="date" name="date">
        </p>
        <p>自我介绍:
            <textarea name="" id="" cols="30" rows="10"></textarea>
        </p>
        <p>上传文件
            <input type="file" name="file">
        </p>
        <p>是否挂科
            <input type="radio" name="是否挂科" value="是" >是
            <input type="radio" name="是否挂科" value="否" checked>否  
            <!-- 单选name必须一样 -->
        </p> 
        <p>兴趣爱好
            <input type="checkbox" name="爱好1" value="篮球" checked>篮球
            <input type="checkbox" name="爱好2" value="足球">足球 
            <input type="checkbox" name="爱好3" value="排球">排球 
            <input type="checkbox" name="爱好4" value="乒乓球 " checked>乒乓球 
            <input type="checkbox" name="爱好5" value="羽毛球" checked>羽毛球  
        </p>就业城市
        <select name="" id="">
            <option value="" disabled selected >请选择</option>
            <option value="武汉">武汉</option>
            <option value="上海">上海</option>
            <option value="北京" >北京</option>
            <option value="广东">广东</option>
        </select>
        <p>
            <select name="" id="" multiple>
                <option value="武汉">武汉</option>
                <option value="上海">上海</option>
                <option value="北京" selected>北京</option>
                <option value="广东" selected>广东</option>
            </select>
        </p>
        <p>
            <input type="submit" name="" id="">
            <input type="reset" name="" id="">
        </p>
    </form>
    <button id = 'op'>点我</button>
    <a href="#顶部">点击返回顶部</a>
    <br>
    <a href="https://www.douyu.com/4496540">点击进入济南屁王直播间</a>
    <script>
    let an = document.getElementById('op')
    an.onclick = function func1(){
        alert('111111111111')
    }
    </script>
</body>
</html>